<div class="container">
    <div class="color">
        <i></i>
        <ul>
            <li class="_phone1 ">
                <a href="#">手机</a>
            </li>

            <li class="_lisen1 ">
                <a href="#">声学</a>
            </li>
            <li class="_mountings1 ">
                <a href="#">配件</a>
            </li>
            <li class="_life1 ">
                <a href="#">生活</a>

            </li>
            <li>
                <a href="#">Flyme</a>
            </li>
            <li>
                <a href="#">服务</a>
            </li>
            <li>
                <a href="#">专卖店</a>
            </li>
            <li>
                <a href="#">社区</a>
            </li>
            <li class="_downlond1 ">
                <a href="#">APP下载</a>
            </li>
        </ul>
        <ul>
            <li>
                <div><span></span><input type="text" placeholder="魅族 Note9"><span></span></div>
                <a href="#"><img src="/images/head_pic/small/fdj.png" alt=""></a>
            </li>
            <li>
                <div class="_use">
                    <a href="#"><img src="/images/head_pic/small/my.png" alt="" class="net_H "></a>
                </div>

            </li>
            <li>
                <a href="http://localhost/html/cart.html" target="_blank"><img src="/images/head_pic/small/cart.png" alt="" class="net_H"></a>
            </li>
        </ul>

    </div>
    <div class="head">
        <i><a href="http://localhost/"></a></i>
        <ul>
            <li class="_phone ">
                <a href="#">手机</a>
            </li>

            <li class="_lisen ">
                <a href="#">声学</a>
            </li>
            <li class="_mountings ">
                <a href="#">配件</a>
            </li>
            <li class="_life ">
                <a href="#">生活</a>

            </li>
            <li>
                <a href="#">Flyme</a>
            </li>
            <li>
                <a href="#">服务</a>
            </li>
            <li>
                <a href="#">专卖店</a>
            </li>
            <li>
                <a href="#">社区</a>
            </li>
            <li class="_downlond ">
                <a href="#">APP下载</a>
            </li>
        </ul>
        <ul>
            <li>
                <div><span></span><input type="text" placeholder="魅族 Note9"><span></span></div>
                <a href="#"><img src="/images/head_pic/small/fdj.png" alt=""></a>
            </li>
            <li>
                <div class="_use">
                    <a href="#"><img src="/images/head_pic/small/my.png" alt="" class="net_H "></a>
                </div>

            </li>
            <li>
                <a href="http://localhost/html/cart.html"><img src="/images/head_pic/small/cart.png" alt="" class="net_H"></a>
            </li>
        </ul>
    </div>
    <div class="lise">
        <div class="phone">
            <ul>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/iphone/08.png" alt="" class="pic_H">
                            <p>魅族16s</p>
                            <p>￥3198</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/iphone/07.png" alt="" class="pic_H">
                            <p>魅族Note9</p>
                            <p>￥1398</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/iphone/06.png" alt="" class="pic_H">
                            <p>魅族16th</p>
                            <p>￥2298</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/iphone/05.png" alt="" class="pic_H">
                            <p>魅族16X</p>
                            <p>￥1798</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/iphone/04.png" alt="" class="pic_H">
                            <p>魅族X8</p>
                            <p>￥1298</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/iphone/03.png" alt="" class="pic_H">
                            <p>魅族V8高配版</p>
                            <p>￥898</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/iphone/02.png" alt="" class="pic_H">
                            <p>魅族Note8</p>
                            <p>￥999</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/iphone/01.png" alt="" class="pic_H">
                            <p>魅族15</p>
                            <p>￥1498</p>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="lisen">
            <ul>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/lieson/08.png" alt="" class="pic_H">
                            <p>魅族POP2真无线蓝牙耳机</p>
                            <p>￥399</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/lieson/07.png" alt="" class="pic_H">
                            <p>魅族EP63NC无限降噪蓝牙耳机</p>
                            <p>￥499</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/lieson/06.png" alt="" class="pic_H">
                            <p>魅族HIFI解码耳放</p>
                            <p>￥169</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/lieson/05.png" alt="" class="pic_H">
                            <p>魅族Flow Bass三单元耳机</p>
                            <p>￥379</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/lieson/04.png" alt="" class="pic_H">
                            <p>魅族EP52 Lite蓝牙耳机</p>
                            <p>￥129</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/lieson/03.png" alt="" class="pic_H">
                            <p>魅族Live四单元动铁耳机</p>
                            <p>￥1099</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/lieson/02.png" alt="" class="pic_H">
                            <p>魅族HALO激光蓝牙耳机</p>
                            <p>￥499</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/lieson/01.png" alt="" class="pic_H">
                            <p>魅族EP52 蓝牙耳机</p>
                            <p>￥199</p>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="mountings">
            <ul>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/mountings/08.jpg" alt="" class="pic_H">
                            <p>魅族16s壳膜套装</p>
                            <p>￥39</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/mountings/07.png" alt="" class="pic_H">
                            <p>魅族移动电源</p>
                            <p>￥79</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/mountings/06.png" alt="" class="pic_H">
                            <p>魅族无线充电器</p>
                            <p>￥99</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/mountings/05.png" alt="" class="pic_H">
                            <p>魅族Type—C 2.0数据线</p>
                            <p>￥49</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/mountings/04.png" alt="" class="pic_H">
                            <p>魅族Micro USB数据线</p>
                            <p>￥29</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/mountings/03.png" alt="" class="pic_H">
                            <p>快充电源适配器（UP0830S）</p>
                            <p>￥69</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/mountings/02.png" alt="" class="pic_H">
                            <p> 魅族 16th 高透保护膜</p>
                            <p>￥19</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/mountings/01.png" alt="" class="pic_H">
                            <p> 魅族 16th Plus 亲肤保护壳</p>
                            <p>￥19</p>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="life">
            <ul>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/life/01.jpg" alt="" class="pic_H">
                            <p>J-BELT</p>
                            <p>￥999</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/life/02.png" alt="" class="pic_H">
                            <p>魅族极简都市双肩包</p>
                            <p>￥179</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/life/03.jpg" alt="" class="pic_H">
                            <p>魅族路由器 极速版</p>
                            <p>￥99</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/life/04.png" alt="" class="pic_H">
                            <p>Everyday 乐游系列 酷 MA 萌定制版</p>
                            <p>￥599</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/life/05.png" alt="" class="pic_H">
                            <p>魅蓝胸包</p>
                            <p>￥119</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/life/06.png" alt="" class="pic_H">
                            <p>魅族蓝牙自拍杆</p>
                            <p>￥99</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a href="#"><img src="/images/head_pic/life/07.png" alt="" class="pic_H">
                            <p>魅族 Mini 线控自拍杆</p>
                            <p>￥59</p>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="downlond">
            <img src="/images/head_pic/App/downlond.jpg" alt="">
        </div>
        <div class="use">
            <span></span>
            <ul>
                <li><a href="#">立即登录</a></li>
                <li><a href="#">立即注册</a></li>
                <li><a href="#">我的订单</a></li>
                <li><a href="#">M码通道</a></li>
            </ul>
        </div>
    </div>
</div>